<!-- 购买成功界面 -->
<template>
  <div id="bg">
    <div class="purchase-success">
      <div id="hz">
      <h1>购买成功！</h1>
      <p>感谢您的购买，{{ userName }}！</p>
      <p>订单号：{{ orderId }}</p>
      <button @click="goHome">继续浏览</button>
    </div>
    </div>
  </div>
  </template>
   
  <script>
  export default {
    data() {
      return {
        userName: '用户名', // 替换为实际用户名
        orderId: '123456789' // 替换为实际订单号
      };
    },
    methods: {
      goHome() {
        // 导航到主页，可以是 '/home' 或 '/'
        this.$router.push('/gametest');
      }
    }
  };
  </script>
   
  <style scoped>
  .purchase-success {
    text-align: center;
    padding: 50px;
    border: 1px solid;
  }
  #bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /* 渐变 */
    background-image: url("/src/views/photo/login.jpg");
    background-size: 100%;
  }
  #hz{
    border-top: 5px;
    
     border: 1px solid;
     background-color: rgba(255, 255, 255, 0.35);
     height: 200px;
     width: 400px;
       }
  </style>